<extend name="Public/base"/>

<block name="body">
  <div class="main-title">
    <h2><present name="data">[ {$data.title} ] 子</present>菜单管理 </h2>
  </div>

  <div class="cf">
    <a class="btn" href="{:U('add',array('pid'=>I('get.pid',0)))}">新 增</a>
    <button class="btn ajax-post confirm" url="{:U('del')}" target-form="ids">删 除</button>
    <a class="btn" href="{:U('import',array('pid'=>I('get.pid',0)))}">导 入</a>
    <button class="btn list_sort" url="{:U('sort',array('pid'=>I('get.pid',0)),'')}">排序</button>
    <!-- 高级搜索 -->
    <div class="search-form fr cf">
      <div class="sleft">
        <input type="text" name="title" class="search-input" value="{:I('title')}" placeholder="请输入菜单名称">
        <a class="sch-btn" href="javascript:;" id="search" url="__SELF__"><i class="btn-search"></i></a>
      </div>
    </div>
  </div>

  <div class="data-table table-striped">
    <form class="ids">
      <table>
        <thead>
          <tr>
            <th class="row-selected">
              <input class="checkbox check-all" type="checkbox">
            </th>
            <th>ID</th>
            <th>名称</th>
            <th>上级菜单</th>
            <th>分组</th>
            <th>URL</th>
            <th>排序</th>
            <th>仅开发者模式显示</th>
            <th>隐藏</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
        <notempty name="list">
        <volist name="list" id="menu">
          <tr class="status_trclass_{:abs(1-$menu['hide'])}">
            <td><input class="ids row-selected" type="checkbox" name="id[]" value="{$menu.id}"></td>
            <td>{$menu.id}</td>
            <td>
              <a href="{:U('index?pid='.$menu['id'])}">{$menu.title}</a>
            </td>
            <td>{$menu.up_title|default='无'}</td>
            <td><input class="J_ajax_updatefield text input-2x" style="padding: 1px 6px;" type="text" data-action="{:U('setFieldValue')}" data-id="{$menu.id}" name="group" value="{$menu['group']}"></td>
            <td>{$menu.url}</td>
            <td><input class="J_ajax_updatefield text input-mini" type="text" data-action="{:U('setFieldValue')}" data-id="{$menu.id}" name="sort" value="{$menu['sort']}" title="数字越小越靠前"></td>
            <td>
              <a href="{:U('toogleDev',array('id'=>$menu['id'],'value'=>abs($menu['is_dev']-1)))}" class="ajax-get">
              {$menu.is_dev_text}
              </a>
            </td>
            <td>
              <a href="{:U('toogleHide',array('id'=>$menu['id'],'value'=>abs($menu['hide']-1)))}" class="ajax-get">
              {$menu.hide_text}
              </a>
            </td>
            <td>
              <a title="编辑" href="{:U('edit?id='.$menu['id'])}">[编辑]</a>
              <a class="confirm ajax-get" title="删除" href="{:U('del?id='.$menu['id'])}">[删除]</a>
            </td>
          </tr>
        </volist>
        <else/>
        <td colspan="10" class="text-center"> aOh! 暂时还没有内容! </td>
        </notempty>
        </tbody>
      </table>
    </form>
    <!-- 分页 -->
    <div class="page">

    </div>
  </div>
</block>

<block name="script">
  <script type="text/javascript">
    $(function() {
      //搜索功能
      $("#search").click(function() {
        var url = $(this).attr('url');
        var query = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
        query = query.replace(/^&/g, '');
        if (url.indexOf('?') > 0) {
          url += '&' + query;
        }else{
          url += '?' + query;
        }
        window.location.href = url;
      });
      //回车搜索
      $(".search-input").keyup(function(e) {
        if (e.keyCode === 13) {
          $("#search").click();
          return false;
        }
      });
      //导航高亮
      highlight_subnav('{:U('index')}');
      //点击排序
      $('.list_sort').click(function(){
        var url = $(this).attr('url');
        var ids = $('.ids:checked');
        var param = '';
        if(ids.length > 0){
          var str = new Array();
          ids.each(function(){
            str.push($(this).val());
          });
          param = str.join(',');
        }

        if(url != undefined && url != ''){
          window.location.href = url + '/ids/' + param;
        }
      });
    });
  </script>
</block>